<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <title>手机精灵网-手机库列表</title>
    <meta name="keywords" content=" ">
    <meta name="description" content=" ">
    <link rel="shortcut icon" type="images/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="js/flexible.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header-wrap">
        <div class="header-top">
            <a href="/" class="logo"><img src="images/logo.png" alt="logo"></a>
            <div class="num icon active"></div>
        </div>
        <div class="burger">
            <div class="bj"></div>
            <div class="scroll">
                <ul class="clear">
                    <li><a href="##" class="on">首页</a></li>
                    <li><a href="##">资讯</a></li>
                    <li><a href="##">攻略</a></li>
                    <li><a href="##">手游</a></li>
                    <li><a href="##">应用</a></li>
                    <li><a href="##">专区</a></li>
                    <li><a href="##">下载中心</a></li>
                    <li><a href="##">下载排行榜</a></li>
                    <li><a href="##">手机库</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 版心 -->
    <div class="content">
         <!-- 手机大全 鸿蒙 华为 5G -->
         <div class="Minbox2">
            <div class="Min9">
                <div class="title">
                    <div class="bt">手机大全 鸿蒙 华为 5G</div>
                    <a href="##" class="more screen" onclick="open_layerscreen()">筛选<i class="icon ico-screen"></i> </a>
                </div>
                <ul class="list">
                    <li>
                       <div class="box">
                            <a href="##" class="img img2"><img class="lazy" data-original="img/img10.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">华为HUAWEI Mate 60 Pro</a>
                                <p>华为 / 5G / 鸿蒙</p>
                                <div class="tab_p">
                                    <a href="##" class="downbtn">参数</a>
                                    <a href="##" class="downbtn">技巧</a>
                                    <a href="##" class="downbtn">答疑</a>
                                </div>
                            </div>
                       </div>
                    </li>
                    <li>
                        <div class="box">
                            <a href="##" class="img img2"><img class="lazy" data-original="img/ico-hw.png" alt=""></a>
                             <div class="infor">
                                 <a href="##" class="name">华为HUAWEI Mate 60 Pro</a>
                                 <p>华为 / 5G / 鸿蒙</p>
                                 <div class="tab_p">
                                     <a href="##" class="downbtn">参数</a>
                                     <a href="##" class="downbtn">技巧</a>
                                     <a href="##" class="downbtn">答疑</a>
                                 </div>
                             </div>
                        </div>
                     </li>
                     <li>
                        <div class="box">
                            <a href="##" class="img img2"><img class="lazy" data-original="img/lunboxh1.jpg" alt=""></a>
                             <div class="infor">
                                 <a href="##" class="name">华为HUAWEI Mate 60 Pro</a>
                                 <p>华为 / 5G / 鸿蒙</p>
                                 <div class="tab_p">
                                     <a href="##" class="downbtn">参数</a>
                                     <a href="##" class="downbtn">技巧</a>
                                     <a href="##" class="downbtn">答疑</a>
                                 </div>
                             </div>
                        </div>
                     </li>
                     <li>
                        <div class="box">
                             <a href="##" class="img img2"><img class="lazy" data-original="img/lunboxh1.jpg" alt=""></a>
                             <div class="infor">
                                 <a href="##" class="name">华为HUAWEI Mate 60 Pro</a>
                                 <p>华为 / 5G / 鸿蒙</p>
                                 <div class="tab_p">
                                     <a href="##" class="downbtn">参数</a>
                                     <a href="##" class="downbtn">技巧</a>
                                     <a href="##" class="downbtn">答疑</a>
                                 </div>
                             </div>
                        </div>
                     </li>
                     <li>
                        <div class="box">
                            <a href="##" class="img img2"><img class="lazy" data-original="img/lunboxh1.jpg" alt=""></a>
                             <div class="infor">
                                 <a href="##" class="name">华为HUAWEI Mate 60 Pro</a>
                                 <p>华为 / 5G / 鸿蒙</p>
                                 <div class="tab_p">
                                     <a href="##" class="downbtn">参数</a>
                                     <a href="##" class="downbtn">技巧</a>
                                     <a href="##" class="downbtn">答疑</a>
                                 </div>
                             </div>
                        </div>
                     </li>
                </ul>
                <div class="link_more"><a href="##">查看更多</a></div>
            </div>
        </div>
        <!-- 筛选的代码 -->
        <div class="layerscreen">
            <div class="bj" onclick="close_layerscreen()"></div>
            <div class="screenbox">
                <div class="close" onclick="close_layerscreen()"><i class="icon"></i></div>
                <div class="title-bt">筛选</div>
                <div class="scroll">
                    <div class="list">
                        <div class="bt">分类</div>
                        <ul class="clear">
                            <li><a href="##" class="on" data-id="华为">华为</a></li>
                            <li><a href="##" data-id="小米">小米</a></li>
                            <li><a href="##" data-id="苹果">苹果</a></li>
                            <li><a href="##" data-id="OPPO">OPPO</a></li>
                            <li><a href="##" data-id="荣耀">荣耀</a></li>
                        </ul>
                    </div>
                    <div class="list">
                        <div class="bt">系统</div>
                        <ul class="clear">
                            <li><a href="##" data-id="鸿蒙">鸿蒙</a></li>
                            <li><a href="##" data-id="安卓">安卓</a></li>
                            <li><a href="##" data-id="苹果">苹果</a></li>
                        </ul>
                    </div>
                    <div class="list">
                        <div class="bt">功能</div>
                        <ul class="clear">
                            <li><a href="##" data-id="5G">5G</a></li>
                            <li><a href="##" data-id="4G">4G</a></li>
                            <li><a href="##" data-id="折叠">折叠</a></li>
                            <li><a href="##" data-id="游戏手机">游戏手机</a></li>
                        </ul>
                    </div>
                </div>
                <div class="btnbox">
                    <a href="##" class="btn">重置</a>
                    <a href="##" class="btn on" onclick="submit_layerscreen()">确定</a>
                </div>
            </div>
        </div>
        <!-- 筛选的代码 end -->
    </div>
    <!-- 底部 -->
    <footer>
        <div class="logo">
            <a href="##"><img src="images/logo.png" alt=""></a>
        </div>
        <p>
            <a class="link" href="https://beian.miit.gov.cn/#/Integrated/index" class="link">粤ICP备19068136号-23</a>
        </p>
    </footer>
    <!-- tabber -->
    <div class="tabber">
        <ul>
            <li class="on"><a href="##" class="box"><i class="icon ico_hone"></i><p>首页</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_news"></i><p>资讯</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_app"></i><p>APP</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_game"></i> <p>手机大全</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_ph"></i> <p>排行榜</p></a></li>
        </ul>
    </div>
    <div class="QZ-up"></div>
    <script src="js/base.js"></script>
</body>
</html>